/*1e fond & Police commune*/
body
{
	background-color: #560606;
	font: normal 12px/20px  Arial, Verdana, Sans-Serif;
}
/*2e fond centré*/
#page
{
	width: 1004px;
	background-color: #8E0B0B;
	border-radius: 10px;
	padding: 10px;
	display: table;
	margin: auto;
}

/*Divers titre -> h*/
/*Bloc titre - Haut de page*/
h1
{
	line-height: 12px;
	text-align:left;
	vertical-align: bottom;
	background-image: url("../ressources/images/bat_info.png");
	background-repeat: no-repeat;
	background-position: center;
	background-color:  #a15a5a;
	color: white;
	font: normal 20px "Century Gothic", Arial, Verdana, Sans-Serif;
	font-weight: bold;
	text-shadow: 0px 3px 2px #8E0B0B;
	border-radius: 10px;
	margin: 15px;
	margin-left: 15px;
	width: 708px;
	height: 132px;
	padding: 10px;
	display: table;
}
/*Autres titres importants*/
h2
{
	text-align: left;
	color: #B20E10;
	font-size: 30px;
}
/*Se connecter*/
#titreCo
{
	text-align: center;
	color: #B20E10;
	font-size: 17px;
	margin-top: 5px;
}
h3
{
	text-align: center;
	color: #290e12;
	font-size: 17px;
}
/*Autres titres moins importants*/
h4
{
	color: #B20E10;
	font-size: 14px;
}

/*Bloc 'Se connecter'*/
#connexion
{
	background-color: white/*#F5F2F2*/;
	border-radius: 10px;
	margin-left: 767px;
	margin-top: -167px;
	padding: 5px;
	text-align:center;
	height:120px;
	width: 211px;
	display: table;
}
/*Taille des zones de texte de connexion*/
#connexion input
{
	width: 100px;
	margin-bottom: 2px;
}

/*Bloc central*/
/*En-tête centrale - Menu*/
#menu
{
    width: 930px;
    height: 30px;
    margin-top: 25px;
	margin-left: 15px;
    padding: 1em;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color:  white;
    font: normal 22px/28px Arial, Verdana, Sans-Serif;
    float: left;
}
/*Contenu*/
#centre
{
	margin-top: 2px;
	margin-left: 15px;
	margin-bottom: 25px;
	text-align: justify;
	background-color:  white;
	border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
	padding: 10px;
	display: table;
	float: left;
	width: 954px;
}

/*Bloc bas - Pied*/
#bas
{
    clear: both;
    padding: 1em;
    background-color: white/*#F5F2F2*/; 
    border-radius: 10px;
    margin-bottom: 13px;
    margin-left: 15px;
    width: 950px;
}

/*Forme & couleurs des onglets*/
 .onglets 
 {
   float: none;
   list-style: none;
   position: relative;
   padding: 0;
   margin : 2px 2px 0 2px;
 }
.onglets li
{
   float: left;
}
.onglets a
{
	height: 21px;
	display: block;
	padding: 12px 30px;
	border-radius: 2px 2px 0 0;
	color: #B20E10;
	font-size: 24px;
	background: white;
	cursor: pointer;
	position: relative;
	top: 3px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin-left: 52px;
}
.open
{
	color: white !important;
	background: #B20E10 !important;
}

/*Labels*/
/*Alignement du mot 'Login' avec 'Password'*/
label[name=login]
{
	margin-left: 22px;
}
/*Alignement du mot 'Objet' avec le début de la boîte Message - Contact Admin*/
label[for=objet]
{
	margin-left: 30px;
}
/*Alignement des champs - création des Actions/Forums*/
label.creation, label.modif
{
    display: block;
   	width: 150px;
    float: left;
    text-align: right;
    margin-left: 0px;
}
/*Alignement de 'Commentaire/Suggestions' par rapport au bord à gauche - Fiche eval forum*/
#Comm
{
	margin-left: 10px;
}

/*Inputs*/
/*Alignement de TOUS les menus déroulants & zones de texte par rapport au bord gauche*/
input, select, textarea
{
	margin-left: 30px;
}
/*Centrage des bouton Connexion/Déconnexion - Connexion*/
input[value=Connexion], input[value=Déconnexion]
{
	margin-left: 0px;
}
/*Alignement vertical du bouton Déconnexion - Connexion*/
input[value=Déconnexion]
{
	margin-top: 15px;
}
/*Alignement de l'input de login avec celle de password - Connexion*/
input[name=login]
{
	margin-left: 33px;
}
/*Alignement & Taille de l'input: objet - Contact Admin*/
input[name=objet]
{
	margin-left: 29px;
	width: 817px;
}
/*Alignement des boutons ajouter Taches, Dépenses, Recettes - Fiche Bilan action*/
input[name=Plus]
{
	margin-left: 10px;
}
/*Alignement de 'Temps de Trajet' avec 'Durée effective de presence' - Fiche Eval Forum*/
input[name=TempsTrajet]
{
	margin-left: 91px;
}
/*Points maximum attribués à une ADC*/
input[name="PointMaxA"]
{
	width: 55px;
}
/*Taille du Titre - Création des Actions/Forums*/
input[name="TitreAction"], input[name="TitreForum"]
{
	width: 500px;
}
/*Alignement des inputs - Ajout Enseignant*/
#loginE
{
	margin-left: 43px;
}
#nomE
{
	margin-left: 47px;
}
#mailE
{
	margin-left: 53px;
}

/*Listes*/
/*Création Actions/Forums - Liens*/
li.creation
{
	display: inline;
	padding: 95px;
}

/*Sous-action? - Création Actions*/
#saction
{
	margin-left: 180px;
}

/*Alignement de Commentaire et son champ textuel*/
/*"Commentaire :"*/
.comment
{
	margin-left: 1px;
}
/*Champ textuel*/
.saisiecomment
{
	width: 500px;
}

/*Décoration de TOUS les liens*/
a
{
	text-decoration: none;
	color: #290e12;
	font-weight:bold;
}

/*Taille de TOUS les menus déroulants*/
select
{
	width:170px;
}

/*Alignements de tous les menus déroulants - Fiche eval forum*/
/*Acceuil sur place*/
#SelAccu
{
	margin-left: 283px;
}
/*Emplacement pour le département INFO*/
#SelEmpl
{
	margin-left: 150px;
}
/*Circulation des élèves*/
#SelCirc
{
	margin-left: 257px;
}
/*Fréquentation*/
#SelFreq
{
	margin-left: 295px;
}
/*Interet de renouveler*/
#SelInte
{
	margin-left: 253px;
}
/*Présence sur le stand*/
#SelPres
{
	margin-left: 257px;
}
/*Tenue vestimentaire*/
#SelTenu
{
	margin-left: 261px;
}
/*Discours/Expression orale*/
#SelDisc
{
	margin-left: 230px;
}
/*Participation à la logistique*/
#SelLogi
{
	margin-left: 220px;
	margin-right: 50px;
}
/*Titres en rouge*/
.FBForum
{
	color: #B20E10;
}

/*Textareas*/
/*Redimentionnement de TOUTES les textarea impossible*/
textarea
{
	resize:none;
}
/*textarea : Message - Contact Admin*/
textarea[name=message]
{
	width: 887px;
	height: 200px;
}
/*Alignement & Taille textarea Commentaires/Suggestions - Fiche eval forum*/
.Comm
{
	width: 924px;
	margin-left:10px;
}

/*Tableaux*/
/*Style de tous les tableaux*/
table, th, tr, td
{    
	border-collapse: collapse;
	border: 1px solid #B20E10; 
}
/*Taille des cases et alignement du texte - TOUTES les tables et td des*/
table, td.titreAction
{
	width: 100%;
	text-align: center;
}
{
	border-top-left-radius: 25px;
}
/*Style de toutes les entêtes de tableaux -> gris, centré, en gras - Listes actions/forums*/
.visionneuse th, td.titreAction, td.titreForum, .lien
{
	background-color: #B20E10;
	text-align: center;
	font-weight: bold;
	color: white;
	border-collapse: collapse;
	border: 1px solid #B20E10;
}
/*Alignement du texte - Fiches details Actions/Forums et Commentaires dans la visionneuse*/
td.comm, #detailAction, #detailForum
{
	text-align:left;
}
/*Taille des td - Fiches details Actions/Forums*/
#detailAction td, #detailForum td
{
	width: 50%;
}
/*Bordures du tableau des taches - Fiche bilan action*/
#tabTaches, #tabTaches tr, #tabTaches th, #tabTaches td
{
	border: none;
}
/*Positionnement des Titres des 1ers tableaux - Fiche bilan action*/
#tabTaches label
{
	margin-left: 25px;
}
/*Alignement des boites de texte du tableau Tache avec le tableau Dépenses - Fiche bilan action*/
.TabT
{
	width: 276px;
}

/*Liste des participants centrée et justifiée - Détail Action de communication & Forum*/
#detailAction ul, #detailForum ul
{
	text-align: justify;
	margin-left: 200px;
}
/*Centrage des boutons 'Modifier Lundi' & 'Supprimer Lundi' - Lundi de l'info - Admin*/
.visionneuse input
{
	margin-left: 0px;
}

/*Taille des boutons '+' - Fiche bilan action*/
.BPlus
{
	width: 40px;
}
/*Distance par rapport au bord droit et taille du bouton '-' - Fiche bilan action/Prérempli*/
.BMoins
{
	margin-right: 0px;
	width: 75px;
}

/*Alignement des textes à gauche - Fiche eval forum*/
.TxtFicheFo
{
	text-align: left;
}

/*Alignement de 'Duree presence' & de 'Présent' - Fiche eval forum*/
#Duree
{
	margin-left: 192px;
}

/*Alignement des boutons de bas de page seul*/
.Ligne1
{
	margin-left: 392px;
	width: 190px;
}
/*Alignement de TOUS les boutons de bas de page du site [Par deux]*/
.Ligne2
{
	width: 190px;
	margin-left: 191px;
}
/*Alignement de TOUS les boutons de bas de page du site [Pat trois]*/
.Ligne3
{
	margin-left: 95px;
	width: 190px;
}
/*Alignement de TOUS les boutons de bas de page du site [Par quatre]*/
.Ligne4
{
	margin-left: 37px;
	width: 190px;
}
/*Bordures tableaux notation - Notation ADC & Forum*/
.notation, .notation tr, .notation td
{
	border: none;
}
/*Nom des etudiants en gras - Notation ADC & Forum*/
.etudiant
{
	font-weight: bold;
}
/*Style de l'entête du tableau -> gris, centré, en gras - Mes bonus*/
.ptBonus th
{
	background-color: #B20E10;
	text-align: center;
	font-weight: bold;
	color: white;
}
/*Boutons enveloppe pour contacter groupe, enseignant, étudiant*/
.enveloppe
{
	height:16px;
	width:19px;
	color:transparent;
	background:url("../ressources/images/enveloppe.jpg") no-repeat;
}
/*Mise en forme tableau - Confirmation fiche bilan Action*/
/*Bordures*/
.sansBord, .sansBord td, .sansBord th, .sansBord tr
{
	border-color: white;
}
.bordDroit
{
	border-color: white;
	border-right-color: grey;
}
.bordHaut
{
	border-color: white;
}
/*Largeur et couleur des traits gris de separation*/
.trait
{
	height: 0.75px;
	background-color: grey;
}
#trait2
{
	height: 1.75px;
	background-color: grey;
}
.trait3
{
	height: 0.75px;
	background-color: rgb(176, 176, 176);
	border-color: white;
}